estoy usando este codigo
<v-list-item> <v-btn @click="onDownloadFile(document)" :disabled=getFileExtention >Download as pdf</v-btn > </v-list-item>donde getFileExtention devuelve booleano
getFileExtention() { //console.log(this.document.extension==="pdf"); return this.document.extension === "pdf"; }pero no funciona, sigue diciendo [Advertencia de Vue]: accesorio no válido: la verificación de tipo falló para el accesorio "deshabilitado". Booleano esperado, función obtenida. Por favor ayuda
defina getFileExtension como propiedad calculada:
computed:{ getFileExtention() { //console.log(this.document.extension==="pdf"); return this.document.extension === "pdf"; } } luego utilícelo como :disabled="getFileExtention"
Debe definir getFileExtention como methods para esto.
methods:{ getFileExtention() { return this.document.extension === "pdf"; } } Pero si desea que la capacidad de almacenamiento en caché se base en dependencias reactivas, también puede usar la propiedad computed
computed:{ getFileExtention() { return this.document.extension === "pdf"; } }Agregue Boolean(getFileExtension) en su :disabled , de esta manera está diciendo que su variable es booleana y la advertencia desaparecerá.
<v-list-item> <v-btn @click="onDownloadFile(document)" :disabled="Boolean(getFileExtention)" >Download as pdf </v-btn> </v-list-item>